<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入swiper样式-->
		<link rel="stylesheet" href="../lib/swiper-bundle.css" />
		<!-- 5.引入当前页样式 -->
		<link rel="stylesheet" href="../css/api.detail.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box abs">
			<!-- 
            logo
            1.img直接写logo
            2.支持SEO 在a标签中套一个h1标签，然后给h1
            增加背景图
         -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c">
				<li class="active"><a href="index.html">首页</a></li>
				<li><a href="api.index.html">API</a></li>
				<li><a href="#">案例</a></li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<main>
			<!-- 头部区域 -->
			<section id="banner" class="rel">
				<!-- 粒子背景 -->
				<div id="bannerBg" class="abs"></div>
				<!-- 图文区 -->
				<div class="container">
					<div id="bannerCont" class="abs">
						<!-- 左侧盒子 -->
						<div id="bannerLt">
							<!-- 图片 -->
							<img src="../imgs/API_02.jpg" alt="图片已损坏" />
							<!-- 数字 -->
							<ul>
								<li>
									<img src="../imgs/API_smallicon_01.jpg" alt="图片已损坏" />
									<span>998</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_02.jpg" alt="图片已损坏" />
									<span>1118</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_03.jpg" alt="图片已损坏" />
									<span>98</span>
								</li>
							</ul>
						</div>
						<!-- 右侧盒子 -->
						<div id="bannerRt">
							<!-- 标题 -->
							<h2>身份证实名</h2>
							<!-- 认证 -->
							<ul id="rtIcon">
								<li>
									<img src="../imgs/API详情页_03.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
								<li>
									<img src="../imgs/API详情页_05.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
								<li>
									<img src="../imgs/API详情页_08.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
							</ul>
							<!-- 文字 -->
							<p>检测姓名和身份证是否一致</p>
							<!-- Tab区 -->
							<ul id="numTab">
								<li class="default rel">
									<img src="../imgs/API17.jpg" alt="图片已损坏" />
									扫码测试
									<div class="abs">
										<img src="../imgs/wechat-white.png" alt="图片已损坏" />
										<p>请扫码关注</p>
									</div>
								</li>
							</ul>
							<!-- 价格 -->
							<p id="rtPrice">
								<strong> &yen; 1200</strong>
								(约0.30000元/次)，仅限实名购买
							</p>
							<!-- 按钮 -->
							<button>立即申请</button>
						</div>
					</div>
				</div>
			</section>
			<!--tab 内容区域 -->
			<section id="tab">
				<div class="container">
					<ul id="tabList">
						<li class="active">API文档</li>
						<li>错误码参照</li>
						<li>实例代码</li>
						<li>联系我们</li>
					</ul>
				</div>
			</section>
			<section>
				<!-- 左边盒子 -->
				<div id="contLt" class="container">
					<div id="box">
						<div id="box1">
							<ul>
								<li>
									接口地址：<a
										href="
								#"
										>http://op.juhe.cn/idcard/query</a
									>
								</li>
								<li>返回格式：<a href="#">json</a></li>
								<li>请求方式：<a href="#">http get/post</a></li>
								<li>
									请求示例：<a href="#"
										>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</a
									>
								</li>
								<li>接口备注：<a href="#">error_code为0时计费</a></li>
								<li>
									<button>API测试工具</button>
								</li>
							</ul>
						</div>
						<div id="bd">
							<h1>请求参数说明</h1>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>

									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div id="bd2">
							<h1>请参数返回说明</h1>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
									<tr>
										<td>string</td>
										<td>string</td>
										<td>返回码说明</td>
									</tr>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
									<tr>
										<td>res</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div id="bd3">
							<h1>JSON返回示例</h1>
						</div>
					</div>
					<!-- 右边盒子 -->
					<div id="contRt"></div>
				</div>
			</section>
		</main>
		<!-- 1.引入util的js -->
		<script src="../js/util.js"></script>
		<!-- 2.引入当前页JS -->
		<script src="../js/api.detail.js"></script>
		<script src="../js/canvas-particle.js"></script>
	</body>
</html>
